<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../../../template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmDepartamento')}"/>
    </f:metadata>

    <ui:define name="main_content">

        <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
            <ui:param name="toolBarWidth" value="750"/>
            <ui:param name="toolBarTitleWidth" value="700"/>
            <ui:param name="title" value="Departamento"/>
        </ui:include>

        <p:panel header="Informaci&oacute;n de Departamento" style="width: 750px">

            <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

            <h:form id="departamento">
                <h:panelGrid id="pDepartamento" columns="2" >
                    <h:outputText value="Pa&iacute;s: "/>
                    <h:selectOneMenu value="#{departamentoManaged.selectedDepartamento.id_p}" style="width: 400px">
                        <f:selectItems value="#{departamentoManaged.paises}" var="de" itemLabel="#{de.nombre_p}" itemValue="#{de.id_p}"/>
                    </h:selectOneMenu>

                    <h:outputText value="Departamento: "/>
                    <p:inputText value="#{departamentoManaged.selectedDepartamento.nombre_d}" style="width:400px"/>
                </h:panelGrid>

                <center>
                    <h:panelGrid id="pbotones" columns="4" cellpadding="5" >
                        <p:commandButton image="ui-icon ui-icon-check" value="#{sms.guardar}" onclick="cmdConfirm.show()"/>
                        <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="departamento:pDepartamento grid:table"/>
                        <p:confirmDialog message="#{sms.iAlmacenada}" header="#{sms.guardar}" severity="alert" widgetVar="cmdConfirm">
                            <p:commandButton value="Si" actionListener="#{departamentoManaged.accionMantenimiento}" update="departamento:pDepartamento grid:table mensaje"  onclick="cmdConfirm.hide()" />
                            <p:commandButton value="No" onclick="cmdConfirm.hide()"/>
                        </p:confirmDialog>
                    </h:panelGrid>
                </center>
            </h:form>

             <h:form id="grid">
                <p:panel header="Datos de Departamento" style="width: inherit" >
                    <f:facet name="header">
                        <h:outputLabel value="Datos de Departamento"/>
                        <p:commandButton image="ui-icon ui-icon-search" actionListener="#{departamentoManaged.fillGrid}" update="grid:table mensaje" title="Buscar Departamento" />
                    </f:facet>
                    <p:dataTable id="table" value="#{departamentoManaged.departamentos}" var="row" selection="#{departamentoManaged.selectedDepartamento}"
                                 selectionMode="single" paginator="true" rows="10" paginatorPosition="bottom"
                                 emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="departamento:pDepartamento">
                        <f:facet name="header" >
                            <h:outputText value="Lista de Departamentos"/>
                        </f:facet>
                        <p:column filterBy="#{row.nombre_p}" filterMatchMode="contains" headerText="Pais" sortBy="#{row.nombre_p}">
                            <h:outputText value="#{row.nombre_p}" />
                        </p:column>
                        <p:column filterBy="#{row.nombre_d}" filterMatchMode="contains" headerText="Departamento" sortBy="#{row.nombre_d}">
                            <h:outputText value="#{row.nombre_d}" />
                        </p:column>
                    </p:dataTable>
                </p:panel>
            </h:form>


        </p:panel>


    </ui:define>


</ui:composition>
